<!-- The ref attr used to find the swiper instance -->
<template>
	<div>
		<swiper :options="swiperOption" >
			<!-- slides -->
			<swiper-slide id="iii" v-for="(item,index) in imgUrl" :key="index">
				<img :src="item" alt="">
			</swiper-slide>

			<!-- Optional controls -->
			<div class="swiper-pagination" slot="pagination"></div>
		</swiper>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				swiperOption:{
					pagination:{
						el:'.swiper-pagination'
					},
					// 设置显示容器同时显示的数量
					slidesPerView:1,
					// 自动切换时间
					autoplay:{
						// delay:2000,
						//操作是swiper后，不停止切换
						// disableOnInteraction:false
					},
					// spaceBetween:30,
					loop:true
				}
			}
		},
		props:{
			imgUrl:{
				type:Array,
			}
		}
	}
</script>
<style scoped>
/* 	div{
		width: 100%;
	} */
	img{
		width: 100%;
		height: 1rem;
	}
	#iii{
		width:100% !important;
		margin-left: 0rem !important;

	}
</style>
